<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML1</title>
</head>
<body>
    <!-- 标题标签 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!-- (p/段落,br/换行) + 格式化(strong/加粗,em/斜体,del/删除线,ins/下划线) -->
    <p><strong>其一，</strong>薪金专家Marks报道称，</br><em>该交易将为步行者队清理了约324万美元的薪资空间，</em>
        </br><del>这让球队在重新签约迈尔斯-特纳时拥有更多薪资灵活性，</del></br><ins>避免过度触及奢侈税线。</ins>
    </p>
    <p><strong>其二，</strong>这一操作将为步行者队释放更多未来首轮签用于交易。</br>此前，由于“斯特平规则”禁止球队连续两个赛季无首轮签，
        </br>步行者在任何交易方案中最多只能无条件提供两个首轮签，
        </br>而现在他们可以提供多达四个。
    </p>
    <!-- a标签/img标签 -->
    <a href="https://www.baidu.com" target="_blank">
        跳转到百度
    </a></br>
    <a href="https://www.baidu.com" target="_blank">
        <img src="./R-C.jpg" alt="图片加载失败" title="这是一张图片" border="1px" width="300px" height="150px">
    </a></br>
    <a href="#" target="_blank">
        在当前页面
    </a></br>
    <!-- table/表格 -->
    <table border="1px" width="400px" height="300px" cellspacing="0px" cellpadding="45px" align="right">
        <thead>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td rowspan="2">男</td>
                <td>3</td>
            </tr>
            <tr>
                <td>李四</td>
                <!-- <td>男</td> -->
                <td>4</td>
            </tr>
            <tr>
                <td colspan="2">王五/女</td>
                <!-- <td>女</td> -->
                <td>5</td>
            </tr>
        </tbody>
    </table>
    <!-- 无序列表 -->
    <!-- disc/实心圆(默认),square/方块,circle/空心圆 -->
    <h1>无序列表</h1>
    <ul type="square">
        <li>内容1</li>
        <li>内容2</li>
        <li>内容3</li>
    </ul>
    <!-- 有序列表 -->
    <!-- a/小写英文,A/大写英文,i/小写罗马,I/大写罗马,1/阿拉伯(默认) -->
    <h1>有序列表</h1>
    <ol type="A" start="10">
        <li>内容1</li>
        <li>内容2</li>
        <li>内容3</li>
    </ol>
    <!-- 自定义列表 -->
    <h1>自定义列表</h1>
    <dl>
        <dt>自定义列表内容如下
            <dd>内容1</dd>
            <dd>内容2</dd>
            <dd>内容3</dd>
        </dt>
    </dl>
</body>
</html>